<template>
  <div>
    <vue-ueditor-wrap ref="editor" v-model="msg" :config="editorConfig" :destroy="true" />
  </div>
</template>

<script>
import VueUeditorWrap from "vue-ueditor-wrap"
export default {
  name: 'ElementUiHelloWorld',
  components: {
    VueUeditorWrap,
  },

  data () {
    return {
      msg: '<h2><img src="http://img.baidu.com/hi/jx2/j_0003.gif"/>Vue + UEditor + v-model双向绑定 + 坑比编辑器</h2>',
      // ueditor配置
      editorConfig: {
        autoHeightEnabled: true, // 自动变高
        autoFloatEnabled: true,
        initialContent: '请输入内容',
        autoClearinitialContent: true,
        initialFrameWidth: '100%', // 初始化宽
        initialFrameHeight: 200, // 初始化高
        BaseUrl: '',
        // 上传文件接口（这个地址是我为了方便各位体验文件上传功能搭建的临时接口） - 修改成自己后端地址
        // serverUrl: 'http://35.201.165.105:8000/controller.php',
        // UEditor 资源文件的存放路径
        UEDITOR_HOME_URL: '/UEditor/', // 重要重要重要重要重要重要重要重要重要 必须配置好路径!!!
      //   toolbars: [
      //     [
      //       'fullscreen', 'source', '|',
      //       'bold', 'italic', 'underline', '|', 'fontsize', 'fontfamily', '|', 'kityformula', 'preview', '|',
      //       'justifyleft', 'justifycenter', 'justifyright', 'justifyjustify', '|', 'test'
      //     ]
      // ]
      }
    }
  }

};
</script>

<style lang="scss" scoped>
</style>
